<template>
  <div class="city">
    <city-header />
    <!--<city-hot :hotCities="hotCities" />
    <city-sort :cities="cities" />-->
    <city-list :hotCities="hotCities" :cities="cities" />
  </div>
</template>
<script>
  import CityHeader from './pages/Header'


  /*import CityHot from './pages/Hot'
  import CitySort from './pages/Sort'*/
  import CityList from './pages/List'
  export default{
    data(){
      return{
        hotCities:[],
        cities:{}
      }
    },
    components:{
      CityHeader,
     /* CityHot,
      CitySort,*/
      CityList
    },
    mounted(){
      this.$http.get('/api/data/city.json').then(res=>{
        // console.log(res.data.data);
        let data = res.data.data;
        this.hotCities = data.hotCities;
        this.cities = data.cities
      })
    }
  }
</script>
<style scoped>
  .city{
    background-color: #f5f5f5;
  }
</style>
